$(document).ready(function(){
	$(function() {
		//1.页面滚动监听
		var MsH = 0;
		MsH = 170;
		//alert(MsH);
		//var MsH = $("#mobile-header").height() + $(".Inside-Page-Menu ul").height();
		
		$(window).scroll(function() {
			// 获取所有的内容盒子，并进行遍历输出，如果页面卷去高度大于元素距离文档顶部的距离，那么就让右侧导航栏相应的li添加样式。
			// 页面滑到相对应的内容区域 导航栏选项添加或删除类
			// 通过内容区域索引号 找到导航栏选项的索引
			$(".Grouping_Module").each(function(i, ele) {
				if ( $(document).scrollTop() >= ( $(ele).offset().top - MsH - 20 ) ) {
					// 卷去的高度一旦开始超过元素距离文档顶部的距离，说明已经到了位置。
					$(".huodong-TAB ul li").eq(i).addClass("active").siblings().removeClass('active');
					//console.log(i);
				}
			})
		});
		// 2.点击导航栏，内容跳转到相应模块。
		$('.huodong-TAB ul li').on('click', function() {
			// 获取当前被点击的li的索引号
			var index = $(this).index();
			var box = $(".Grouping_Module").eq(index).offset().top-MsH+20;
			// 动画里面有三个参数：距离上方为0，滚动完成时间，完成后的函数。
			$('html,body').stop().animate({
				scrollTop: box
			}, 500, function() {
				$(".huodong-TAB ul li").eq(index).addClass("active").siblings().removeClass("active");
			});
		});

	});
});